<template>
  <div class="">
    <input type="text" :value="num">
    <button @click="reduce">--</button>
  </div>
</template>

<script setup>
import {ref,reactive,toRefs,defineProps,defineEmits} from 'vue';
const props = defineProps({
  num: Number
});
const emit = defineEmits();
const reduce = () => {
  emit('reduce');
}
</script>
<style lang="scss" scoped>
</style>